import {FaBolt} from 'react-icons/fa'
export default function Page(){
  return (
    <div>
      <ul className={'p-20 bg-indigo-100 w-1/2 mx-auto list-disc marker:text-rose-500'}>
        <li>千里之行始于足下</li>
        <li>千里之行始于足下</li>
        <li>千里之行始于足下</li>
        <li>千里之行始于足下</li>
        <li>千里之行始于足下</li>
      </ul>
      {/* 使用html元素设置li原点样式 */}
      <ul className={'p-20 bg-indigo-100 w-1/2 mx-auto flex flex-col gap-y-5'}>
        <li className={'flex items-center gap-x-2 hover:text-pink-500 group'}>
          <i className={'w-4 h-4 text-white rounded-full bg-purple-700 group-[:hover]:rotate-180 duration-1000'}><FaBolt/></i>
          千里之行始于足下
        </li>
      </ul>
    </div>
  )
}
